<template>
  <el-main>
    <el-row :gutter="15">
      <el-col :lg="18">
        <el-card shadow="never">
          <el-alert
            title="资源库选择器即将弃用,将不会维护更新,与1.7版本之后将移除此组件"
            type="error"
            style="margin-bottom:20px;"
          />
          <sc-file-select
            v-model="file"
            :multiple="multiple"
            :hide-upload="hideUpload"
            :max="99"
            @submit="submit"
          >
            <template #do>
              <el-button>自定义插槽</el-button>
            </template>
          </sc-file-select>
        </el-card>
      </el-col>
      <el-col :lg="6">
        <el-card
          shadow="never"
          header="参数和方法"
        >
          <el-button
            type="primary"
            @click="multiple = !multiple"
          >
            切换multiple
          </el-button>
          <el-button
            type="primary"
            @click="hideUpload = !hideUpload"
          >
            切换hideUpload
          </el-button>
        </el-card>
      </el-col>
    </el-row>
  </el-main>
</template>

<script>
import scFileSelect from '@/components/scFileSelect'

export default {
  name: 'Fileselect',
  components: {
    scFileSelect
  },
  data() {
    return {
      file: '',
      multiple: false,
      hideUpload: false,
      upload: '',
      upload2: ''
    }
  },
  mounted() {

  },
  methods: {
    submit(value){
      console.log(value)
      this.$message("返回值请查看F12控制台console.log()")
    }
  }
}
</script>

<style scoped>

</style>
